.signMod .bt{padding: 20px 0;font-size: 18px;position: relative;}
.signMod .bt span{display: block;width: 50px;height: 1px;background-color: #ccc;margin: 0 5px;}
.signMod .form{padding: 0 5%;margin-bottom: 50px;}
.signMod .form .nor{height: 44px;border-bottom: 1px solid #ddd;width: 100%;display: block;font-size: 14px;margin-bottom: 10px;}
.signMod .form .yzmBox{width: 100%;height: 44px;border-bottom: 1px solid #ddd;}
.signMod .form .yzmBox .mid{height: 100%;font-size: 14px;}
.signMod .form .yzmBox .yzm{height: 30px;padding: 0 15px;font-size: 12px;line-height: 1.2;border-radius: 2px;}
.signMod .form .submitBtn{width: 100%;}
.activeRuler{
	margin: 15px 3%;
	border: 1px dashed #ddd;
	padding: 0 10px 30px;
	border-radius: 3px;
}
.activeRuler .ruler-txt{
	font-size: 14px;
	line-height: 1.4;
	color: #555;
}


/*瓜分红包*/
#activeMod-2 .redBar{background-color: #ea4c4c;position: relative;padding-top: 24px;margin-bottom: 40px;}
#activeMod-2 .redBar:after{content: '';width:100%;height: 24px;background-color: #ea4c4c;position: absolute;left: 0;bottom: -24px;border-radius: 0 0 100% 100%;box-shadow: 0 3px 4px #555;}
#activeMod-2 .redBar .bt{color: #fff;opacity: .7;}
#activeMod-2 .redBar .num{margin-top: 5px;margin-bottom: 5px;font-size: 60px;color: #fff;}
#activeMod-2 .redBar .btn{height: 40px;padding: 0 20px;border-radius: 20px;background-color: #fbe867;color: #965b06;font-size: 14px;line-height: 40px;box-shadow: 0 3px 0 #af6d0e;margin-bottom: 5px;}
#activeMod-2 .redBar-bg{margin: 12px;padding: 0 12px;background-color: rgba(0,0,0,.2);overflow: hidden;border-radius: 3px;}
#activeMod-2 .divide-wrap{border: 1px solid rgba(255,255,255,.5);margin-top: 15px;font-size: 14px;color: #fff;padding: 5px 0;line-height: 1.4;}
#activeMod-2 .divide-wrap span{font-size: 18px;padding: 0 3px;}

.divide-list .list{padding: 12px 0;border-bottom: 1px solid rgba(255,255,255,.2);}
.divide-list .list:last-child{border-bottom: none;}
.divide-list .list .photo{width: 50px;height: 50px;border-radius: 50%;background-color: #f4f4f4;margin-right: 12px;}
.divide-list .list .name{color: #fff;margin-bottom: 10px;}
.divide-list .list .time{color: #fff;opacity: .6;}

#activeMod-2 .ev-title{color: #fff;}
.ev-title{color: #333;font-size: 18px;padding: 20px 0;}
.ev-title span{display: block;width: 50px;height: 1px;background-color: #ddd;margin:0 5px;opacity: .6;}
.redBar-bg .txt{font-size: 14px;line-height: 1.5;color: #fff;padding-bottom: 15px;opacity: .8;}

#activeMod-2 .ev-title{color: #fff;}
#activeMod-2 .ev-title span{background-color: #fff;}

.success-info{padding: 26px 0;color: #fff;background: url(../image/icon/success_bg.png) center no-repeat;background-size: 100% 100%;}
.success-info .bt .star{width: 15px;height: 21px;margin-right: 4px;}
.success-info .val{font-size: 36px;padding: 12px 0;}
.success-info .type{opacity: .6;font-size: 14px;}
.success-info .date{opacity: .9;font-size: 14px;margin-top: 10px;}



/*活动三*/
#activeMod-3{padding-top: 46px;}
#activeMod-3 .activeMod{margin-left: 12px;margin-right: 12px;position: relative;}
#activeMod-3 .activeMod .photo{width: 64px;height: 64px;overflow: hidden;border: 2px solid #fff;margin-left: auto;margin-right: auto;position: relative;border-radius: 50%;top: -34px;background-color: #f4f4f4;margin-bottom: -34px;}
#activeMod-3 .activeMod .name{font-size: 14px;padding: 10px 0;}
#activeMod-3 .activeMod .activePro{padding: 12px;margin-top: -6px;}
#activeMod-3 .activeMod .activePro .pt{width: 64px;height: 64px;background-color: #F4F4F4;margin-right: 10px;}
#activeMod-3 .activeMod .activePro .bt{font-size: 14px;line-height: 16px;max-height: 32px;overflow: hidden;margin-bottom: 6px;}
#activeMod-3 .activeMod .activePro .val{font-size: 12px;color: #888;}
#activeMod-3 .activeMod .activePro .val span{font-size: 18px;color: #B4282D;}
#activeMod-3 .activeMod .activePro .num{font-size: 12px;color: #999;padding-top: 3px;}
#activeMod-3 .date{color: #fff;font-size: 14px;text-align: center;padding: 15px 0;}
#activeMod-3 .invite{display: block;margin: auto;line-height: 44px;width: 80%;background-color: #fbe84c;border-radius: 22px;box-shadow: 0 3px 0 #edd512;text-align: center;color: #fb4c50;font-size: 16px;margin-bottom: 24px;}
#activeMod-3 .line{height: 10px;width: 100%;background-color: #db3b3f;}
#activeMod-3 .redBar-bg{background-color: #fff;margin: 15px 12px;border-radius: 3px;}
#activeMod-3 .redBar-bg .txt{color: #555;padding: 0 12px 15px;}

#activeMod-3 .divide-list{padding: 0 12px;}
#activeMod-3 .divide-list .name{color: #333;}
#activeMod-3 .divide-list .time{color: #666;}
#activeMod-3 .divide-list .list{border-bottom-color: #ddd;}
#activeMod-3 .divide-list .list .val{font-size: 14px;color: #555;}
#activeMod-3 .divide-list .list .val span{color: #B1242A;}

#activeMod-3 .mod{padding: 20px 12px;}
#activeMod-3 .mod .name{margin-bottom: 3px;}
#activeMod-3 .mod .val{font-size: 18px;}
#activeMod-3 .mod .val-1{color: #333;}
#activeMod-3 .mod .val-2{color: #B1242A;}
#activeMod-3 .progressMod{margin: 0 12px;padding-top: 40px;}
#activeMod-3 .progress{position: relative;border-radius: 6px;box-shadow: 0 2px 6px #bbb;visibility: visible;}
#activeMod-3 .progress .cur{height: 12px;position: absolute;top: 0;left: 0;width: 50%;background: url(../image/icon/progress-bar.png) left center repeat-x;background-size: auto 100%;border-radius: 6px;}
#activeMod-3 .progress .all{width: 100%;height: 12px;background-color: #fff;border-radius: 6px;}
#activeMod-3 .progress .cur .text{background-color: #fe6c77;font-size: 12px;color: #fff;position: absolute;bottom: 20px;line-height: 30px;border-radius: 15px;height: 30px;padding: 0 15px;left: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);overflow: visible;}
#activeMod-3 .progress .cur .text span{color: #f0ff00;}
#activeMod-3 .progress .cur .text:after{content: '';width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 5px solid #fe6c77;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;}


.cutMod{width: 80%;position: absolute;top: 50%;left: 10%;z-index: 10;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 3px;}
.cutMod .photo{width: 76px;height: 76px;border-radius: 50%;border:2px solid #fff;background-color: #f4f4f4;margin-left: auto;margin-right: auto;margin-top: -40px;overflow: hidden;}
.cutMod .close{width: 30px;height: 30px;position: absolute;top: 0;right: 0;line-height: 30px;text-align: center;font-size: 20px;}
.cutMod .name{text-align: center;color: #333;font-size: 16px;padding: 15px 0;}
.cutMod .sub_name{text-align: center;color: #333;font-size: 16px;padding: 25px 0 20px;}
.cutMod .btn{line-height: 40px;background-color: #5CADE7;border-radius: 4px;color: #fff;text-align: center;display: block;width: 70%;margin: 0 auto 20px;font-size: 15px;}

#bottomBtn .txt{line-height: 49px;box-sizing: border-box;color: #B1242A;font-size: 16px;padding-left: 12px;}
#bottomBtn .btn{padding: 0 30px;background-color: #51BBED;color: #fff;font-size: 16px;line-height: 49px;}


.cutMod .form{
	width: 80%;
	margin: auto;
}
.cutMod .form .max{width: 100%;height: 44px;font-size: 14px;}
.cutMod .form .mid{height: 44px;font-size: 14px;}
.cutMod .form .yzm-box{margin-bottom: 15px;overflow}
.cutMod .form .yzm{height: 30px;width: 80px;font-size: 12px;line-height: 1.2;border-radius: 2px;white-space: nowrap;box-sizing: border-box;}
